.mstrmojo-TextArea,
.mstrmojo-TextBox,
.mstrmojo-text {
    font-size: 8pt;
    padding: 2px 3px 1px 3px;
}
.mstrmojo-bullet {
    white-space: nowrap;
    height: 20px;
    line-height: 20px;
}
.mstrmojo-bullet .mstrmojo-text {
    padding-left: 27px;
}
.mstrmojo-dxsprite {
    background-image: url(images/dxSprite.gif);
    background-position: left 30px;    /* hides images by default */
    background-repeat: no-repeat;
}
.mstrmojo-dxsprite._8,
.mstrmojo-dxsprite.fd {
    background-position: 3px 0px;
}
.mstrmojo-dxsprite.a {
    background-position: 3px -20px;
}
.mstrmojo-Popup.mstrmojo-charcoalbox,
.mstrmojo-TBox.mstrmojo-charcoalbox,
.mstrmojo-VBox.mstrmojo-charcoalbox,
.mstrmojo-HBox.mstrmojo-charcoalbox {
    background: #101010; 
    border: 1px solid #242424;
}
.mstrmojo-TBox.mstrmojo-lightcharcoalbox,
.mstrmojo-VBox.mstrmojo-lightcharcoalbox,
.mstrmojo-HBox.mstrmojo-lightcharcoalbox {
    background-color: #e6e6e6; 
}
.mstrmojo-SelectBox.mstrmojo-lightcharcoalbox {
    background-color: #606060; 
    border: #808080 1px solid;
    color: #ffffff;    
}
.mstrmojo-SelectBox.mstrmojo-lightcharcoalbox:hover {
    border: #999999 1px solid;
}
.mstrmojo-SelectBox.mstrmojo-charcoalbox {
    background-color: #404040;
    border: #606060 1px solid;
    color: #ffffff;    
}
.mstrmojo-SelectBox.mstrmojo-charcoalbox:hover {
    border: #999999 1px solid;
}
.mstrmojo-TextArea.mstrmojo-lightcharcoalbox,
.mstrmojo-TextBox.mstrmojo-lightcharcoalbox {
    background-color: #606060; 
    border: #808080 1px solid;
    color: #ffffff;
    scrollbar-base-color: #000000;
}
.mstrmojo-TextArea.mstrmojo-lightcharcoalbox:hover,
.mstrmojo-TextBox.mstrmojo-lightcharcoalbox:hover {
    border: #999999 1px solid;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox,
.mstrmojo-TextBox.mstrmojo-charcoalbox {
    border: 1px solid #606060;
    background-color: #404040;
    color: #ffffff;
    scrollbar-base-color: #000000;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox:hover,
.mstrmojo-TextBox.mstrmojo-charcoalbox:hover {
    border: 1px solid #999999;
}
.mstrmojo-TextArea.mstrmojo-charcoalbox.subtle,
.mstrmojo-TextBox.mstrmojo-charcoalbox.subtle {
    border: 0;
    background-color: transparent; 
}
.mstrmojo-TextArea.mstrmojo-charcoalbox.subtle:hover,
.mstrmojo-TextBox.mstrmojo-charcoalbox.subtle:hover {
    border: 0;
    background-color: #404040;
}
.mstrmojo-TextBox.mstrmojo-dxsprite {
    background-position: right 30px;    /* right-aligns images */
}
.mstrmojo-TextBox.mstrmojo-dxsprite.mstrmojo-search {
    background-position: right -42px;
}
.mstrmojo-HTMLButton.mstrmojo-text {
    padding: 2px 6px 1px 6px;
}
.mstrmojo-HTMLButton {
    background-color:#484848;
    border:1px solid #808080;
    color:#FFFFFF;     
}

.mstrmojo-HTMLButton.mstrmojo-lightcharcoalbox {
    background-color: #484848; 
    border: #808080 1px solid;
    color: #ffffff;    
}
.mstrmojo-HTMLButton.disabled {
    -moz-opacity: .5;
    opacity: .5;
    filter:alpha(opacity=50);
    pointer: default;
}
.mstrmojo-HTMLButton.mstrmojo-WaitIcon {
    background: transparent url(images/circle-loader.gif) 0 50% no-repeat;
    height: 100%;
    margin-left: 2px;
    width: 100%;
}
.mstrmojo-bullet.mstrmojo-lightcharcoalbox  {
    color: #ffffff;
}
.mstrmojo-bullet.mstrmojo-lightcharcoalbox:hover {
    background-color: #2b6371;
    background-image: url(images/charcoalLBHover.gif);
    background-repeat: repeat-x;
}
.mstrmojo-bullet.mstrmojo-lightcharcoalbox.selected {
    background-color: #0090b2;
    background-image: url(images/charcoalLBSel.gif);
    background-repeat: repeat-x;
    color: #000;
}
.mstrmojo-dot {
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: default;
}
.mstrmojo-dot.mstrmojo-lightcharcoalbox {
    background-image: url(images/charcoalDot.gif);
}
.mstrmojo-dot.mstrmojo-lightcharcoalbox:hover {
    background-image: url(images/charcoalDotSel.gif);
}
.mstrmojo-dot.mstrmojo-lightcharcoalbox.selected {
    background-image: url(images/charcoalDotSel.gif);
}
.mstrmojo-CustomGroupEl {
    padding: 1px 0 0;
    border-top: 0px solid #999;  /* was dotted */
    border-bottom: 1px solid #999;   /* was dotted */
    cursor: default;
    position: relative; /* to position the hover toolbar */
}
.mstrmojo-CustomGroupEl.selected {
    background-color: #d6e3ee;
    xborder-bottom: 0px dotted #808080;
    xborder-top: 0px dotted #808080;
}
.mstrmojo-onhover {
    display: none;
}
.mstrmojo-CustomGroupEl:hover .mstrmojo-CustomGroupEl-tools {
    display: block;
}

.mstrmojo-CGEOptionsEditor .mstrmojo-Editor-content{
    width: 288px;	
}

.mstrmojo-CGEOptionsEditor .mstrmojo-ElementOptions{
	width: 100%;
}

x.mstrmojo-toprightSecond,
x.mstrmojo-topright {
    position: absolute;
    top: 0;
    right: 0;
}
.mstrmojo-toprightSecond{
    right: 20px;
}
.mstrmojo-CustomGroupEl-tools {
    padding: 2px 6px 0 0;
}
.mstrmojo-outdent,
.mstrmojo-indent,
.mstrmojo-del {
    width: 18px;
    height: 16px;
    background: transparent url(images/cge.png) no-repeat;
    cursor: pointer;
}
.mstrmojo-del {background-position: -2px -60px;}
.mstrmojo-del:hover {background-position: -2px -80px;}
.mstrmojo-outdent {
	background-position: 0 -164px;
    display:none;
    }
.mstrmojo-outdent.disable {
    background-position: 0 -204px;
    display: inline;    
    cursor: default;
}

.mstrmojo-andor-contents .mstrmojo-andor-contents .mstrmojo-outdent{
    display:inline;
}

.mstrmojo-andor-contents .mstrmojo-andor-contents .mstrmojo-outdent.disable{
    display:none;
}

.mstrmojo-indent {
    background-position: 0 -144px;
    display: none;
}

.mstrmojo-indent.disable {
    background-position: 0 -184px;    
    display: inline;
    cursor: default;
}    

.multi > .mstrmojo-itemwrap > .mstrmojo-cond > .mstrmojo-cond-prefix .mstrmojo-indent,
.multi > .mstrmojo-itemwrap > .mstrmojo-andor > .mstrmojo-andor-prefix .mstrmojo-indent{
    display:inline;
}

.multi > .mstrmojo-itemwrap > .mstrmojo-cond > .mstrmojo-cond-prefix .mstrmojo-indent.disable,
.multi > .mstrmojo-itemwrap > .mstrmojo-andor > .mstrmojo-andor-prefix .mstrmojo-indent.disable{
    display:none;
}

.mstrmojo-andor-prefix:hover,
.mstrmojo-cond-prefix:hover,
.mstrmojo-cond-contents:hover{
    background-color:#b1bfcc;
}

x.mstrmojo-cond-contents{
    padding-left: 20px;
}
.mstrmojo-cond-contents .mstrmojo-textset {
    margin-left: 20px;
    }
.mstrmojo-cond-contents .mstrmojo-textset .mstrmojo-ListIcon {
    height:16px;
    vertical-align:bottom;
    }
.mstrmojo-cond-contents .mstrmojo-textset .mstrmojo-ListIcon.t10 {background-position: -80px -42px;}
.mstrmojo-cond-contents.selected {
    background-color:#b1bfcc;
}

.mstrmojo-CustomGroupEls {
    background-color:#fff;
}


.mstrmojo-dup, 
.mstrmojo-ops {
    width: 18px;
    height: 16px;
    background: transparent url(images/cge.png) no-repeat;
    cursor: pointer;
	}

.mstrmojo-dup {background-position: -2px -122px;}
.mstrmojo-ops {background-position: -2px -102px;}

.mstrmojo-CustomGroupEl:hover {
    xbackground-color: #202020;
}
.mstrmojo-CustomGroupEl:hover .mstrmojo-CustomGroupEl-tools {
    display: block;
}
.mstrmojo-CustomGroupEl-state {
    background-repeat: no-repeat;
    background-image: url(images/cge.png);
    vertical-align: middle;
    height: 18px;
    width: 16px;
    cursor: pointer;
}
.mstrmojo-CustomGroupEl-state.opened {
    background-position: 0 -16px;
} 
.mstrmojo-CustomGroupEl-state.closed {
    background-position: 0 -40px;
} 

.mstrmojo-CustomGroupEl-title,
.mstrmojo-cge-elname-edit,      /* for title's rename textbox */
.mstrWeb .mstrmojo-cge-elname-edit {    /* hack: to overwrite mstrWeb.css */      
    font-size: 10pt;
    line-height: 10pt;
    white-space: nowrap;
    font-weight: bold;
}
.mstrmojo-cge-elname-edit {      /* for title's rename textbox */
    width: 711px;
    height: 12px;
    line-height: 12px;
}
.mstrmojo-CustomGroupEl-expr {
    margin: 0 6px 0 16px;
}
.mstrmojo-CustomGroupEl-expr-tools {
    margin: 3px 24px 1px 20px;
    visibility: hidden;
    display: none;
}
.mstrmojo-CustomGroupEl:hover .mstrmojo-CustomGroupEl-expr-tools {
    visibility: visible;
}

.mstrmojo-CustomGroupEl-expr-add {
    color: #ffffcc;
    cursor: default;
}
.mstrmojo-CustomGroupEl-title.mstrmojo-charcoalbox .mstrmojo-text {
    color: #444;
    font-size: 10pt;
    line-height: 10pt;
}
.mstrmojo-CustomGroupEl-expr.mstrmojo-charcoalbox {
    color: #444;
}

.mstrmojo-CGE-content{
    border: 1px inset #999; 
    overflow: auto; 
    height: 400px; 
    xwidth: 100%;
    background-color:white; 
    position:relative; /*IE7 #410782*/
}

.mstrmojo-CGE-newElement, 
.mstrmojo-CGE-addCondition {
    background: transparent url(images/cge.png) no-repeat -4px -2px scroll;
    padding: 0px 2px 0px 16px;
    color: #000;
    border:0px;
    font-weight: bold;
}
.mstrmojo-CGE-newElement {
    margin: 3px 5px;    
    *position: relative; 
}

.mstrmojo-CGE-andOrDial .mstrmojo-Dial-uparrow,
.mstrmojo-CGE-andOrDial .mstrmojo-Dial-dnarrow{
    display:none;
}

.mstrmojo-CGE-andOrPopup .mstrmojo-Editor-buttons{
    padding:0px;   
}


.mstrmojo-CGEOptions .cell {vertical-align: top;}
.mstrmojo-CGEOptions-options {
	min-width: 210px;
	width: 210px;
	margin-top: 5px;
	margin-left: 2px;
	}
.mstrmojo-CGEOptions .mstrmojo-CheckBox {margin-left: -5px;}
.mstrmojo-CGEOptions-options .row {margin-bottom: 5px;}
.mstrmojo-CGEOptions-options .mstrmojo-DropDownButton {
	display: inline-block;
	margin-left: 18px;
	}
.mstrmojo-CGEOptions-preview {
	border: 1px solid #ADAAAD;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 20px;
	padding-bottom: 5px;
	background-color: #FFF;
}
.mstrmojo-CGEOptions-preview .e {padding-left: 10px;}
.mstrmojo-CGEOptions-preview .e.flat {padding-left: 0;}
.mstrmojo-CGEOptions-preview .mstrmojo-Label {padding: 1px 5px;}
.mstrmojo-CGEOptions-preview .title {
	   font-weight: bold;
	   margin-bottom: 5px; 
	   text-align: center;
	   background-color: #c7c7c7;
	   padding: 3px;
    }
.mstrmojo-FormatEditor-DropDownButton.CGE-parent-header,
.CGE-parent-header .mstrmojo-Popup {
	width: 110px;
}

.mstrmojo-FormatEditor-DropDownButton.CGE-report-filter,
.CGE-report-filter .mstrmojo-Popup {
	width: 186px;
}

.mstrmojo-balloon {
    border: 1px solid #7b7b7b; 
    padding: 5px; 
    background: #d0d0d0 url(images/walkBg.png) left top repeat-y; 
    -moz-border-radius: 12px; /* to do: implement in cross-browser technique */
    position: absolute;
    /* top: 24px; */   
    left: 12px;
}
.mstrmojo-balloon-arrow {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -25px; /* 25 = arrow height (26) - 2px to overlap PopupWalk's border */
    left: 12px;    /* border radius of PopupWalk + some indenting */
    background: url(images/balloonarrow.png) left top no-repeat;
}

.mstrmojo-Editor-ConditionWalk {min-width: 200px; /*match ObjectBrowser*/}
.mstrmojo-ConditionWalk {
    xmin-width: 180px; 
    width: 180px; /*IE - use width instead since IE7 does not support min-width on TABLE; */
    }

x.mstrmojo-walkcell {
    vertical-align: middle;
    /* in theory, we dont need to specify these default width, visibility and overflow.
       however, IE has an issue whereby omitting these properties will cause the browser
       to take a long time to render these properties correctly, sometimes never (perhaps 
       its the cascade computation that takes long). so for IE's issue, we explicitly
       declare the defaults, and then override them width the .hidden rule */
    width: auto;
    overflow: hidden;
    visibility: inherit;
}
.mstrmojo-walkstep-wrapper.hidden {
    /* for hiding a step. toggling display = none causes ugly flashing, so to
       avoid that we instead make the wrapper skinny and hide it */
    width: 0px;
    overflow: hidden;
    visibility: hidden;
}
.mstrmojo-ConditionWalk-btwnNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-atNode .mstrmojo-walkstep-wrapper {
    color: #808080;     /* not as dark as clickable text (#666666) */
    xxposition: relative;
    xxtop: -0.75em;     /* to vertical center the bottom of the text */
}
xx.mstrmojo-ConditionWalk-okNode .mstrmojo-walkstep-wrapper {
    position: relative;
    top: -0.9em;       /* to align the OK btn's vertical center with the textboxes' vertical center */
}
.mstrmojo-ConditionWalk-closeBtn {
    background:transparent url(../../../style/mstr/images/buttons.gif) no-repeat scroll -20px -0px;        
    height:20px;
    width:20px;   
    cursor:pointer;       
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: right;
}
.mstrmojo-ConditionWalk-notNode {
    display: none;
}
.mstrmojo-CondtionWalk-curtain {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #333;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: 1;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    width: 100%;
    height: 0%;
}

.mstrmojo-Dial {
    font-famiy: Tahoma;
    font-size: 8pt;
    color: #000000; /*was : #365F91; */ /* was: #0e363f; */
    cursor: default;
    line-height: 8pt;
}
.mstrmojo-Dial.hasSelection .mstrmojo-Label,
.mstrmojo-Dial.hasSelection {
    color: #666666; /*was: acacac; too light */
    font-size: 7pt;
    line-height: 7pt;
}
.mstrmojo-walkstep-browse,
.mstrmojo-Dial.mstrmojo-walkstep {
    margin: 0 6px;
}

.mstrmojo-Dial-scrollbox.mstrmojo-walkstep {
    overflow:hidden;    /* hides native scrollbars */
}
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-es {
    overflow: auto;    /* temp: show native scrollbar until we impl a custom one */
    overflow-x: hidden;
    overflow-y: auto;
}
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-target .dial-item,
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-c0 .dial-item,
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-c1 .dial-item,
.mstrmojo-Dial.mstrmojo-walkstep.mstrmojo-es .dial-checkitem {
    max-width: 190px; 
    text-overflow: ellipsis;
    }

.mstrmojo-Dial-uparrow,
.mstrmojo-Dial-dnarrow {
    visibility: hidden;    /* leave blank space for it, but hide until mouseover */
    background-image: url(images/arrow_white_sprite.gif);
    background-repeat: no-repeat;
    height: 13px;
    width: 100%;
}
.mstrmojo-Dial-uparrow {
    background-position: center top;
}
.mstrmojo-Dial-dnarrow {
    background-position: center bottom;
}
.mstrmojo-Dial-uparrow.enabled:hover,
.mstrmojo-Dial-dnarrow.enabled:hover {
    background-color: #c0c0c0;  /* to let users see the hot zone so they can aim better */  
}
.mstrmojo-Dial:hover .mstrmojo-Dial-uparrow.enabled,
.mstrmojo-Dial:hover .mstrmojo-Dial-dnarrow.enabled {
    /* show the arrow only upon hover and only when enabled (meaning, the list is long enough) */
    visibility: inherit;
}
.mstrmojo-walkstep-browse,
.dial-item {
    padding: 4px 3px;
    white-space: nowrap;
    overflow: hidden;   /* for IE; without this, the padding is not clickable */
}
.dial-item:hover {
    background-color: #B1BFCC;
}
.mstrmojo-walkstep-browse,
.dial-item.link {
    text-decoration: underline;
    cursor: pointer;
}

.mstrmojo-walkstep-browse{
    height: 16px;
    line-height:16px;   
}

.mstrmojo-ConditionWalk-atNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fm3Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-c1Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-btwnNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fm2Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fnNode .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-c0Node .mstrmojo-walkstep-wrapper,
.mstrmojo-ConditionWalk-fmNode .mstrmojo-walkstep-wrapper{
    padding-top:24px;   
}
    
.mstrmojo-ConditionWalk-okNode{
    max-width:68px;
    width:68px;    
}

.dial-item.link:hover {
    background: transparent;
    }   
.mstrmojo-Label.dial-item.selected,
.dial-item.selected {
    /* color: #8D1616;*/ /*Moved to theme.css*/
    font-weight: bold;
    font-size: 9pt;
    line-height: 9pt;
}
.dial-item.no-hilite,
.dial-item.selected.no-hilite {
    /* suppresses highlighitng for a selected item; to avoid drawing attention to defaults */
    /* all these props below should be set to inherit, but IE7 doesnt support that, so we
       must duplicate the values we would be inheriting. */
    font-weight: normal;
    font-size: 7pt;
    line-height: 7pt;
}
.dial-checkitem {
    /* similar to dial-item, but with a checkbox on the left */
    padding: 4px 48px 4px 21px;
    background-image: url(images/unchecked.gif);
    background-position: left center;
    background-repeat: no-repeat;
    white-space: nowrap;
    overflow: hidden;   /* for IE; without this, the bg image and padding are not clickable */
}
.dial-checkitem.link {text-decoration: underline;}
.dial-checkitem:hover {
    background-color: #B1BFCC;
}
.dial-checkitem.selected {
    background-image: url(images/checked.gif);
    /*color: #8D1616;*//*Moved to theme.css*/
    font-weight: bold;
    font-size: 9pt;
    line-height: 9pt;
}
.dial-checkitem.unselectable {
    background-image: none;
}

.mstrmojo-cge-desc,
.mstrmojo-cge-desc-edit, 
.mstrmojo-cge-name,
.mstrmojo-cge-name-edit {
    width: 708px; 
    display: block; 
    color: #444;    /* color of an attribute */
    cursor:text;   
    margin-bottom: 2px; 
}

.mstrmojo-cge-desc-edit, 
.mstrmojo-cge-name-edit {
    width: 710px; 
}

.mstrmojo-cge-name,
.mstrmojo-cge-name-edit {
    height: 23px;
    line-height: 23px; 
    font-size: 11pt !important;
    font-weight:bold;          
}

.mstrmojo-cge-desc,
.mstrmojo-cge-desc-edit {
    height: 13px;
    line-height: 13px;
}

.mstrmojo-cge-desc:hover,
.mstrmojo-cge-name:hover {
    padding: 2px 1px;    
    border: 1px solid #999;
}

.mstrmojo-cge-desc,
.mstrmojo-cge-name {
    padding: 3px 2px;   
}

.mstrmojo-cge-elname-edit,
.mstrmojo-cge-desc-edit,
.mstrmojo-cge-name-edit {
    border: 1px solid #999;
    padding: 2px 0px;
    background-color: #B1BFCC;  
}


/**********************************Object browser, maybe in other file?******************************************************/

/**FishEye**/
.mstrmojo-ObjectBrowser-title {
    font-weight:bold;
    width:165px;
    color: #666666;
    overflow: hidden;
    padding: 2px 10px;
    white-space:nowrap;
    width:138px;
    cursor:pointer;
    }

.mstrmojo-OB-titleTable tr td:first-child{
    width:99%;    
    padding:2px 0px;
}

.mstrmojo-OBNavigatorPopup {
    background:url("images/walkBg.png") repeat-y scroll left top #D0D0D0;
    border:1px solid #7B7B7B; 
    position:absolute;
    min-width:100%;
}

.mstrmojo-OBNavigatorPopup .mstrmojo-TreeNode-text{
    padding-left:10px;
    cursor:pointer;
}

.mstrmojo-OBNavigatorPopup .mstrmojo-TreeNode-itemsContainer{
    padding:0 0 0 10px;
}

.mstrmojo-icon {    
    background: transparent url(images/dxSprite.gif) no-repeat center;  
    width: 0px;    
    height: 20px;
    line-height: 20px;
    padding-left:20px;
    }
.mstrmojo-icon._8 {
    background-position: 0 -4px;
    }
.mstrmojo-icon.f {    
    background-image: url(../../../style/mstr/images/lsFolder.gif);  
    }
.mstrmojo-icon.left {    
    background-image: url(ob-images/left.png);  
    }
.mstrmojo-icon.right {    
    background-image: url(ob-images/right.png);  
    }    
.mstrmojo-Button.disabled {
    opacity: 0.5
    }
    
.mstrmojo-FishEye {
    width: 160px;
    height: 16px;
    overflow: hidden;
}
.mstrmojo-FishEye .mstrmojo-ListBase2-itemsContainer {
    position: absolute !important;
}

.mstrmojo-fisheye-item {background-image:url("images/charcoalDotSel.gif");}
.mstrmojo-fisheye-item:hover,
.mstrmojo-fisheye-item.selected {background-image:url("images/charcoalDot.gif");}
.mstrmojo-fisheye-item:hover {
    opacity: 0.5;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    }

.mstrmojo-SearchBox-Wrapper {
    margin-top: 9px;
    margin-bottom: 3px;
    position: relative;
    font: 11px "Lucida Grande", Arial, sans-serif;
    height: 20px;
}



.mstrmojo-SearchBox-clear.show{
    cursor:pointer;
    background:url("images/cge.png") no-repeat -2px -79px #FFF;
}

.mstrmojo-SearchBox-clear{
    cursor:default;
    height:19px;
    width:16px;
    background:url("images/1ptrans.gif") repeat center center #FFF;
    border-width:1px 0px; 
    border-style: solid;
    border-color: #a0a0a0;         
}

.mstrmojo-SearchBox-search {
    background:url("images/search.png") no-repeat 2px 2px transparent;
    cursor:pointer;
    height:19px;
    padding-top:2px;
    }

.mstrmojo-SearchBox-bg {
    background-image: url("../../../style/mstr/images/tbBlankRight.gif");
    background-color:transparent;
	background-position:left center;
	background-repeat:no-repeat;
	border:0 none;
	cursor:default;
	height:21px;
	width:22px;
}

.mstrmojo-SearchBox-input {
	border-color: #a0a0a0;
	border-style: solid none solid solid;
	border-width: 1px 0 1px 1px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;		
	height:16px;
	padding-left:3px;
	padding-right:3px;
	padding-top:2px;
	width:110px;
	background: #FFF;
	vertical-align:top;
}
 
.mstrmojo-SearchBox-options {white-space: nowrap;}

/*** SearchBox 2--*/

.mstrmojo-SearchBox2-Wrapper {
    margin: 5px auto;
    position: relative;
    color: #666666;
    font: 11px "Lucida Grande", Arial, sans-serif;
    height: 20px;
    z-index: 2;
}

.mstrmojo-SearchBox2-search {
    background: transparent url(images/searchbox.png) no-repeat 0 0;
    display: block;
    height: 19px;
    width: 30px;
    color: #7E7E7E;
    float:left;
}

.mstrmojo-SearchBox2-down {
    position: absolute;
    left: 14px;
    top: 2px;
    z-index: 10;
    background: transparent url(images/searchbox.png) no-repeat 0 -24px;
    width: 11px;
    height: 11px; 
    opacity: 0.6;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.mstrmojo-SearchBox2-down.disabled {
    background-position: -14px -24px ;
    display: none;
}
.mstrmojo-SearchBox2-right {
    background: transparent url(images/searchbox.png) no-repeat 0 -60px;
    display: block;
    height: 19px;
    width: 10px;
    float: left;
    position: relative;
}

.mstrmojo-SearchBox2-input {
    border: 0 none;
    margin: 0;
    padding: 0;
    height: 19px;
    line-height: 19px;
    background: transparent url(images/searchbox.png) repeat-x 0 -36px;
    float: left;
    width: 160px;
}

.mstrmojo-SearchBox2-clear {
    background: transparent url(images/searchbox.png) no-repeat 0 -85px;
    cursor: pointer;
    display: none; /*default:hidden*/
    height: 11px;
    overflow: hidden;
    position: absolute;
    right: 4px;
    top: 4px;
    width: 11px;
    z-index: 1;
}

.mstrmojo-SearchBox2-spinner {
    display: none;
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 10;
    background: transparent url(images/searchbox-spinner.gif) no-repeat scroll center top;
    width: 11px;
    height: 11px;
}

.mstrmojo-SearchBox2-options {
    position: absolute;
    top: 20px;
    left: 0;
    display: none;
    z-index: 1;
    background: #eee;
    padding: 5px 10px 5px 5px;
    opacity: 0.9;
    -moz-box-shadow: 3px 3px 3px #AAAAAA;
    -webkit-box-shadow: 3px 3px 3px #AAAAAA;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90) progid:DXImageTransform.Microsoft.dropshadow(Color='#66999999', Positive='true', OffX='3', OffY='3');
}
/*end SearchBox 2*/

/*Elements Browser*/
.mstrmojo-ElementsBrowser {
    overflow: hidden;
    position: relative; /*IE7*/
}
     
.mstrmojo-ELementsBrowser-List {
    height:160px;
    overflow:auto;
    background:white;
    border:1px solid #ADAAAD;
    margin: 1px auto;
    cursor: default;
}
.mstrmojo-ELementsBrowser-List .mstrmojo-bullet:hover { 
    background-color: #D1DBE1;
}
.mstrmojo-ELementsBrowser-List .mstrmojo-bullet.selected {
    background-color: #B1BFCC; 
    color: #000;
}
.mstrmojo-ElementsBrowser-IncFetch .mstrmojo-Label {white-space: nowrap;}


.mstrmojo-ebIcons {
    background: transparent url() no-repeat left top;
    height: 20px;
    line-height: 16px;
    padding-left: 3px;
    padding-right:4px;
    white-space:nowrap;
    }
.mstrmojo-ebIcons.ae {
    background-image:url("../../../style/mstr/images/attributeElement20x19.gif");
    background-position: 2px 2px;
}
.mstrmojo-ElementsBrowser-buttonBar {
    width: 100%;
    }
.mstrmojo-ElementsBrowser-buttonBar .mstrmojo-Button  {
    x-moz-border-radius: 9px 9px 9px 9px;
    xbackground: #535353 url("images/bg.png") repeat scroll 0 -265px;
    background-color:#484848;
    border:1px solid #808080;
    color:#FFFFFF;
    xheight:20px;
    line-height:16px;
    margin:3px 6px;
    padding: 0 12px;
    text-align: center;
    float: right;
}
/*end Elements Browser*/


/*Object browser*/
.mstrmojo-OB-titleTable{
    width:100%;
}

.mstrmojo-OBList {
    font-size:8pt;
    color : #666666;
}

.mstrmojo-OBListItem {
    /*border-bottom:1px solid lightGray;*/
    cursor:pointer;
    /*background-color:#F0F0F0;*/
    white-space:nowrap;
}

div.mstrmojo-OBListItem:hover {
    background-color:#d1dbe1;
}

.mstrmojo-OBListItemIcon {
    clear:both;
    float:left;
    background-repeat:no-repeat;
    height:20px;
    width:20px;
    margin-right:3px;
    background-image:url(../../../style/mstr/images/listView.gif);
    cursor:pointer;
}
.mstrmojo-OBIcon_1 {background-position:-20px -20px; /*filter*/}
.mstrmojo-OBIcon_st_257 {background-position:0 -100px; /*CG*/}
.mstrmojo-OBIcon_3 {background-position: 0 -40px; /*grid*/}
.mstrmojo-OBIcon_4 {background-position: -40px -40px; /*metric*/}
.mstrmojo-OBIcon_8 {background-position: -40px -20px; /*folder*/}
.mstrmojo-OBIcon_10 { background-position: -80px -40px; } /*prompt*/
.mstrmojo-OBIcon_12 {background-position: 0 0; /*attribute*/}
.mstrmojo-OBIcon_55 {background-position: -20px -60px; /*rwd*/}
.mstrmojo-OBIcon_e {background-position:0 25px; /*empty*/}

.mstrmojo-OBListItemIcon.up { /*Up*/
    background: url(../../../style/mstr/images/toolbar.gif) no-repeat -360px -241px transparent;
    }
.mstrmojo-OBListItemIcon.up.disabled { /*Up disabled*/
    background-position: -380px -241px;
    }
.mstrmojo-OBListItemIcon.nf { /*New Folder*/
    background: url(../../../style/mstr/images/toolbar.gif) no-repeat -240px -180px transparent;
    }


.mstrmojo-OBListItemText {
    padding-bottom:5px;
    padding-top:4px;
}

.mstrmojo-BookletPage {
    height:100%;
    width:100%;
    /*background-color:#F9F9F9;*/
    overflow-y:auto;
    position:absolute;
    top:0;
}

.mstrmojo-BookletLoader{
    height:100%;
    width:100%;
    background:transparent url("ob-images/preloader_circle.gif") no-repeat center center;
    position: absolute;
    left : -1000px;
}

.mstrmojo-Booklet {
    position:relative;
    overflow:hidden;
    height:192px; 
    width:194px;
    /*border:1px solid #ACACAC;*/
}

.mstrmojo-ObjectBrowser{
    border: 1px solid #DDDDDD;
    background: #f0f0f0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding:0 3px 0 0;
}

.mstrmojo-OBCloseButton{
    background:url("../../../style/mstr/images/buttons.gif") no-repeat -20px 0 transparent;
    height:20px;
    width:20px;
}

.mstrmojo-OBDisabler{
    height:100%;
    width:100%;
    position: absolute;
    background-color:#DDDDDD;
    opacity:0.4;
    filter:alpha(opacity=40);
    top:0px;
    width:192px;
}

/********** CSS for Calendar **************/

.mstrmojo-Calendar{
    width:182px;
    background-color:white;
    border:1px solid #656565;
    color:black;
    font-size:11px;
    text-align:center;  
}

.mstrmojo-Calendar-header{
    width:100%;
    height:20px;
    font-size:14px; 
    border-bottom:1px solid grey;
    line-height:17px;   
    color:white;
    background:#A5A9AB url(../../../style/mstr/images/theme/gray/shortcutBarGradient.gif) repeat-x scroll center -3px;  
}

.mstrmojo-Calendar-body{
    height:140px;
    width:100%; 
    overflow:hidden;
    position:relative;
}

.mstrmojo-Calendar-timePart{
    width:100%;
    height:20px;
    line-height:20px;
    font-size:13px;
    border-top:1px solid grey;
    font-weight:bold;
    background:white url(images/calendarDayLabel.png) repeat-x scroll center bottom;    
}

.mstrmojo-Calendar-tools{
    width:100%;
    border-top:1px solid grey;
    font-weight:bold;
    background:white url(images/calendarDayLabel.png) repeat-x scroll center bottom;    
}

.mstrmojo-Calendar-decrease,
.mstrmojo-Calendar-increase{
    cursor:pointer;
}

.mstrmojo-Calendar-increase{
    float:right;
    margin:2px 3px 0 0;
}

.mstrmojo-Calendar-decrease{
    float:left;
    margin:2px 0 0 3px;
}

.mstrmojo-Calendar-monthLabel,
.mstrmojo-Calendar-yearLabel,
.mstrmojo-Calendar-hourLabel,
.mstrmojo-Calendar-minuteLabel,
.mstrmojo-Calendar-secondLabel{
    font-weight:bold;
    text-decoration:underline;
    cursor:pointer;
}

.mstrmojo-Calendar-monthLabel:hover,
.mstrmojo-Calendar-yearLabel:hover,
.mstrmojo-Calendar-hourLabel:hover,
.mstrmojo-Calendar-minuteLabel:hover,
.mstrmojo-Calendar-secondLabel:hover{
    color:#123966; 
}


.mstrmojo-Calendar-timeDelimiter,
.mstrmojo-Calendar-comma{
    padding:0 4px;  
}

.mstrmojo-Calendar .highlight{
    color:#123966;
}


.mstrmojo-Calendar-dayView,
.mstrmojo-Calendar-monthView,
.mstrmojo-Calendar-yearView,
.mstrmojo-Calendar-hourView,
.mstrmojo-Calendar-minuteView,
.mstrmojo-Calendar-secondView{
    position:absolute;  
    width:100%;
    height:100%;
    left:0px;
    top:0px;
}

.mstrmojo-Calendar-hourView table,
.mstrmojo-Calendar-minuteView table,
.mstrmojo-Calendar-secondView table,
.mstrmojo-Calendar-monthView table,
.mstrmojo-Calendar-yearView table{
    position:relative;
}

.mstrmojo-Calendar-monthView table{
    top:6px;
    left:4px;
}

.mstrmojo-Calendar-yearView table{
    top:5px;
    left:1px;
}

.mstrmojo-Calendar-hourView table,
.mstrmojo-Calendar-minuteView table,
.mstrmojo-Calendar-secondView table{
    top:1px;
    left:1px;
    _left:0px;/*IE6 hack*/
}

.mstrmojo-Calendar-thead td{
    background:white url(images/calendarDayLabel.png) repeat-x scroll center bottom;
    font-weight:bold;
    height:20px;
    line-height:17px;
    width:26px;
    font-size:12px; 
}

.mstrmojo-Calendar-day-pre:hover,
.mstrmojo-Calendar-day-cur:hover,
.mstrmojo-Calendar-day-next:hover,
.mstrmojo-Calendar-month:hover,
.mstrmojo-Calendar-year:hover,
.mstrmojo-Calendar-hour:hover,
.mstrmojo-Calendar-minute:hover,
.mstrmojo-Calendar-second:hover{
    background-color:#D6E3EE;
    border:1px solid #999; 
    font-weight:bold;   
}

.mstrmojo-Calendar-dayView .selected,
.mstrmojo-Calendar-monthView .selected,
.mstrmojo-Calendar-yearView .selected,
.mstrmojo-Calendar-hourView .selected,
.mstrmojo-Calendar-minuteView .selected,
.mstrmojo-Calendar-secondView .selected{
    background-color:#B1BFCC;
    border-color:#999;   
    font-weight:bold;
    background-image:none;
}


.mstrmojo-Calendar-day-pre,
.mstrmojo-Calendar-day-cur,
.mstrmojo-Calendar-day-next{
    border:1px solid white;
    height:18px;
    line-height:17px;
    width:24px;
}

.mstrmojo-Calendar-day-pre,
.mstrmojo-Calendar-day-next{
    color:#555555;
}


.mstrmojo-Calendar-month{
    height:30px;
    line-height:30px;
    width:56px;
    _width:57px;
    border:1px solid white; 
}

.mstrmojo-Calendar-year{
    height:24px;
    line-height:24px;
    text-align:center;
    width:34px;
    _width:35px;/*IE6 hack*/
    border:1px solid white;
}

.mstrmojo-Calendar-hour{
    height:21px;
    width:28px;
    _width:30px;/*IE6 hack*/
    border:1px solid white; 
    line-height:21px;
}

.mstrmojo-Calendar-minute,
.mstrmojo-Calendar-second{
    height:21px;
    width:16px;
    _width:18px;/*IE6 hack*/
    border:1px solid white; 
    line-height:21px;
}

.mstrmojo-Calendar-hourTitle{
    height:21px;
    font-weight:bold;
}

.mstrmojo-Calendar-day-pre:hover,
.mstrmojo-Calendar-day-cur:hover,
.mstrmojo-Calendar-day-next:hover{
    font-size:16px; 
}

.mstrmojo-Calendar-year:hover,
.mstrmojo-Calendar-month:hover,
.mstrmojo-Calendar-hour:hover,
.mstrmojo-Calendar-minute:hover,
.mstrmojo-Calendar-second:hover{
    font-size:13px; 
}

.mstrmojo-Calendar-ok{
    cursor:pointer;    
}

.mstrmojo-Calendar-ok:hover{
    color:#B1BFCC;        
}

.mstrmojo-DateTextBox{
    position:relative;
    width:200px;
}
.mstrmojo-DateTextBox-input{
    padding:0;
    padding-top:2px;
    width:128px;
    height:18px;    
    border:1px solid #B5B8C8;    
}
.mstrmojo-DateTextBox-icon{
    background:transparent url(images/date-trigger.gif) no-repeat scroll -17px 0;
    border-style:none none solid;
    border-width:1px 0 1px;
    border-color:#B5B8C8;
    cursor:pointer;
    height:21px;
    position:absolute;
    top:0px;
    left:130px;
    width:17px;
    cursor:pointer;    
}
.mstrmojo-DateTextBox-icon:hover{
    background-position: -34px 0;
}



/*icons for objects as List Item*/
.mstrmojo-ListIcon  {
    background-image:url(../../../style/mstr/images/listView.gif);
    background-repeat:no-repeat;
    height:20px;
    width:20px;
    margin-right:3px;
    cursor:pointer;
    display: inline-block;
    vertical-align: middle;
    }
.mstrmojo-ListIcon.t1,
.mstrmojo-ListIcon.t1.st256 {background-position: -20px -20px; /*filter*/}
.mstrmojo-ListIcon.t1.st257 {background-position: 0 -100px; /*CG*/}
.mstrmojo-ListIcon.t3 {background-position: 0 -40px; /*grid*/}
.mstrmojo-ListIcon.t4 {background-position: -40px -40px; /*metric*/}
.mstrmojo-ListIcon.t8 {background-position: -40px -20px; /*folder*/}
.mstrmojo-ListIcon.t10 { background-position: -80px -40px; } /*prompt*/
.mstrmojo-ListIcon.t12 {background-position: 0 0; /*attribute*/}
.mstrmojo-ListIcon.t55 {background-position: -20px -60px; /*rwd*/}
.mstrmojo-ListIcon.te {background-position: 20px /*empty*/}
.mstrmojo-ListIcon.isc {background-image: url("../../../style/mstr/images/lsShortcut.gif") !important;}

.mstrmojo-ListIcon.up { /*Up*/
    background: url(../../../style/mstr/images/toolbar.gif) no-repeat -360px -241px transparent;
    }
.mstrmojo-ListIcon.up.disabled { /*Up disabled*/
    background-position: -380px -241px;
    }
.mstrmojo-ListIcon.nf { /*New Folder*/
    background: url(../../../style/mstr/images/toolbar.gif) no-repeat -240px -180px transparent;
    }

